no message

1 files changed, 5 insertions, 7 deletions

diff --git a/src/pages/my/invoice/[id].js b/src/pages/my/invoice/[id].js
index 7342b1bf..820c9af8 100644
--- a/src/pages/my/invoice/[id].js
+++ b/src/pages/my/invoice/[id].js
@@ -11,6 +11,7 @@ import currencyFormat from "@/core/utils/currencyFormat";
 import Disclosure from "@/components/elements/Disclosure";
 import DescriptionRow from "@/components/elements/DescriptionRow";
 import { SkeletonList } from "@/components/elements/Skeleton";
+import VariantGroupCard from "@/components/variants/VariantGroupCard";
 
 export default function DetailInvoice() {
   const router = useRouter();
@@ -127,13 +128,10 @@ export default function DetailInvoice() {
             />
 
             <div className="mt-2 p-4 pt-0 flex flex-col gap-y-3">
-              { invoice?.products?.map((product, index) => (
-                <VariantCard
-                  key={index}
-                  data={product}
-                  buyMore
-                />
-              )) }
+              <VariantGroupCard 
+                variants={invoice?.products} 
+                buyMore 
+              />
               <div className="flex justify-between mt-3 font-medium">
                 <p className="text-gray_r-11">Total Belanja</p>
                 <p>{ currencyFormat(invoice?.amount_total || 0) }</p>